﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>宋建冬</title>

		<!-- ALL CSS -->
		<link href="Css/bootstrap.min.css" rel="stylesheet">
		<link href="Css/style.css" rel="stylesheet">
		<link href="Css/responsive.css" rel="stylesheet">
		<!-- ALL PLUGINS CSS -->
	</head>
<body>
<div class="adcenter"><script src="Scripts/ggad2_728x90.js"></script></div>
		<div class="wrapper">
			<!-- NAVIGATIONS -->
			<section id="home" class="navigations">
				<!-- SEARCH -->
				<div class="search-bar collapse p-y-0" id="search">
					<div class="container">
						<div class="input-group text-center">
							<input type="text" class="form-control search-text p-x-0" placeholder="Search Your Stuffs..." />
							<span class="input-group-btn"><button class="btn btn-primary btn-md p-x-0 search-btn" type="button"><i class="fa fa-arrow-right"></i></button>
							</span>
						</div>
					</div>
				</div> <!-- //SEARCH -->

				<!-- TOP NAVIGATION -->
				<div class="top-menu collapse in" id="top-menu">

					<div class="container">

						<div class="row">

							<div class="col-md-6">
								<div class="pull-left">
									<u class="user-menu menu-left">
										<li><a href="#"><i class="fa fa-user hidden-md-up"></i><span class="hidden-sm-down"> 我的账户</span></a></li>
										<li><a href="#"><i class="fa fa-users hidden-md-up"></i><span class="hidden-sm-down"> 创建账户</span></a></li>
										<li><a href="#"><i class="fa fa-lock hidden-md-up"></i><span class="hidden-sm-down"> 登录 </span></a></li>
									</u>
								</div>
							</div>

							<div class="col-md-6">
								<div class="pull-right">
									<u class="user-menu menu-right">
										<li><a href="#"><i class="fa fa-phone hidden-md-up"></i><span class="hidden-sm-down">189-1066-3504</span></a></li>
										<li><a href="#"><i class="fa fa-headphones hidden-md-up"></i><span class="hidden-sm-down"> 帮助 </span></a></li>
										<li class="nav-item"><a class="nav-link" href="#" data-toggle="collapse" data-target="#search"><i class="fa fa-search hidden-md-up"></i><span class="hidden-sm-down"> 查找 </span></a></li>
									</u>
								</div>
							</div>

						</div>

					</div>

				</div> <!-- //TOP NAVIGATION -->

				<!-- BOTTOM NAVIGATION -->
				<div class="bottom-menu">

					<div class="container">

						<div class="row">

							<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">

								<nav class="navbar bg-faded bottom-nav p-x-0">

									<button class="navbar-toggler pull-right top-toggle-btn" title="Top Menu" type="button" data-toggle="collapse" data-target="#top-menu"></button>
									<a class="navbar-brand" href="#"><i class="fa fa-cubes"></i><span class="hidden-xs-down"> 冬 </span></a>
									<button class="navbar-toggler hidden-md-up bottom-toggle-btn center-block" title="Bottom Menu" type="button" data-toggle="collapse" data-target="#bottom-menu">&#9776;</button>


									<div class="collapse navbar-toggleable-sm" id="bottom-menu">
										<ul class="nav navbar-nav">
											<li class="nav-item active"><a href="#home" class="nav-link scrollto"> 家庭 <span class="sr-only">(current)</span></a></li>
											<li class="nav-item"><a class="nav-link scrollto" href="#features"> 喜欢的歌曲 </a></li>
											<li class="nav-item"><a class="nav-link scrollto" href="#work"> 游戏 </a></li>
											<li class="nav-item"><a class="nav-link" href="#team" > 雨天 </a></li>
											<li class="nav-item"><a class="nav-link" href="#team11" > 日记 </a></li>
										</ul>

									 </div>
								</nav> <!-- Navbar -->

							</div>

						</div>

					</div>

				</div> <!-- //BOTTOM NAVIGATION -->

			</section>

			<!-- HOME -->
			<section class="home" data-stellar-background-ratio="0.1" >

				<div class="intro">

					<div class="container">

						<div class="row">

							<div class="col-md-4 col-md-offset-1 col-sm-6 col-xs-12">
								<div class="intro-iphone hidden-xs-down">
									<img class="img-responsive center-block" src="Picture/iphone-1.png" alt="" />
								</div>
							</div>

							<div class="col-md-5 col-sm-6  col-xs-12">
								<div class="intro-content">
									<div class="intro-item">
										<div class="intro-logo"> S </div>
										<h1>冬</h1>
										<h2 class="hidden-md-down">自己的日常生活</h2>
										<p>阿斯顿拉斯</p>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>

			</section>
			<div class="copyrights">收藏 <a href="http://www.cssmoban.com/" title="宋建冬">宋建冬</a></div>
			<!-- COLOR -->
			<section class="color-area">
				<div class="row">
					<div class="col-md-4 col-sm-12 col-xs-12 p-r-0">
						<div class="card card-inverse color-box-1">
							<div class="color-box">
								<div class="card-block">
									<h3 class="card-title">个人信息</h3>
									<p class="card-text">无内容</p>
									<a href="#" class="btn btn-primary color-box-btn btn-rectangle-out">梦然</a>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-4 col-sm-12 col-xs-12 p-x-0">
						<div class="card card-inverse color-box-2">
							<div class="color-box">
								<div class="card-block">
									<h3 class="card-title">日常记录</h3>
									<p class="card-text">暂无</p>
									<a href="#" class="btn btn-primary color-box-btn btn-rectangle-out">笔记</a>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-4 col-sm-12 col-xs-12 p-l-0">
						<div class="card card-inverse color-box-3">
							<div class="color-box">
								<div class="card-block">
									<h3 class="card-title">记录</h3>
									<p class="card-text">下雨天在被窝里聆听雨的声音,睡懒觉,看书,看电影,</p>
									<a href="#" class="btn btn-primary color-box-btn btn-rectangle-out">随笔</a>
								</div>
							</div>
						</div>
					</div>

				</div>

			</section>

			<!-- FEATURE -->
			<section id="features" class="feature">

				<div class="container">

					<div class="row">

						<div class="col-md-12 col-sm-12 col-xs-12">
							<div class="text-center">

								<h2 class="feature-title">常听的音乐</h2>
								<img class="max-para" src="Picture/img-border.jpg" />
								<p class="max-para">阿萨斯</p>
								<div class="feature-img"><img src="Picture/iphone-land.png" class="img-responsive center-block" alt=""></div>
							</div>
							<div class="row">

								<div class="col-md-4 col-sm-6 col-xs-12">
									<div class="feature-items">
										<div class="title-wrap"><i class="fa fa-heart feature-icon" ></i><h5>机器灵</h5></div>
										<p>阿萨斯</p>
										<span> Read more <i class="fa fa-caret-right"></i></span>
									</div>
								</div>

								<div class="col-md-4 col-sm-6 col-xs-12">
									<div class="feature-items">
										<div><i class="fa fa-codepen feature-icon" ></i><h5>机器灵</h5></div>
										<p>阿萨斯</p>
										<span> Read more <i class="fa fa-caret-right"></i></span>
									</div>
								</div>

								<div class="col-md-4 col-sm-6 col-xs-12">
									<div class="feature-items">
										<div><i class="fa fa-code feature-icon" ></i><h5>机器灵</h5></div>
										<p>阿萨斯.</p>
										<span> Read more <i class="fa fa-caret-right"></i></span>
									</div>
								</div>

							</div>

						</div>

					</div>

				</div>

			</section>

			<!-- SUPPORTER -->
			<section class="supporter" data-stellar-background-ratio="0.3">

				<div class="">

					<div class="row">

						<div class="col-md-12 col-sm-12 col-xs-12 col-xl-12">
							<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							  <ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<!--li data-target="#carousel-example-generic" data-slide-to="2"></li-->
							  </ol>
							  <div class="carousel-inner" role="listbox">
								<div class="carousel-item active">

								  <div class="carousel-caption">
									<img class="img-circle" src="Picture/content-1.jpg" width="200" alt=""><strong>ZhangWei</strong>
									<h2>张卫</h2>
								  </div>
								</div>

								<div class="carousel-item">
								  <div class="carousel-caption">
									<img class="img-circle" src="Picture/content-2.jpg" alt=""><strong>HuiYi</strong>
									<h2>童年</h2>
								  </div>
								</div>

							  </div>
							  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
								  <span class="icon-prev" aria-hidden="true"><img class="img-responsive" src="Picture/arrow-left.png"></span>
								  <span class="sr-only">previous</span>
							  </a>
							  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
								<span class="icon-next" aria-hidden="true"><img class="img-responsive" src="Picture/arrow-right.png"></span>
								<span class="sr-only">Next</span>
							  </a>
							</div>
						</div> <!-- col 12 -->

					</div>

				</div>

			</section>

			<!-- FEATURE APP -->
			<section class="feature-app">

				<div class="container">

					<div class="row">
						<div class="col-md-5 col-md-offset-1 col-sm-12 col-xs-12 col-xl-5 col-xl-offset-1 ">
							<div class="feature-app-content">
								<h2>无题</h2>
								<p>☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
                                

									</p>
								<p class="hidden-md-down">岁月岁月 岁月 岁月 岁月 岁月  </p>
								<p class="hidden-md-down"> 阿萨斯
									<a href="#">..</a></p>
								<div class="app-wrap">
									<a class="app-btn play-store" href="#"> </a>
									<a class="app-btn app-sotre" href="#"> </a>
								</div>
							</div>
						</div>

						<div class="col-md-5 col-sm-12 col-xs-12 col-xl-5">
							<div class="feature-iphone">
								<img class="img-responsive center-block feature-2" src="Picture/mac-1.png" width="400" alt="" />
							</div>
						</div>


					</div>

					<div class="row feature-border">

						<div class="col-md-5 col-md-offset-1">
							<div class="feature-iphone">
								<img class="img-responsive center-block feature-2" src="Picture/imac-2.png" width="400" alt="" />
							</div>
						</div>

						<div class="col-md-5 text-left">
							<div class="feature-app-content">
								<h2>梦然</h2>
								<p class="big-para-text">城市的夜晚 霓虹灯璀璨
															点亮了黑暗 赶不走孤单
															午夜和白天
															不停的交换
															游走在街头 一个人落单

															节日的狂欢 情人的浪漫
															所有的快乐 都和我无关
															无聊的工作 让人很心烦
															我又在想你
															你人在哪端.</p>
								<p class="hidden-md-down">没有你陪伴，我真的好孤单
															我的心好慌乱，被恐惧填满
															没有你的日子，我真的好茫然
															整天就像，丢了灵魂一般

															没有你陪伴，我真的好孤单
															我的心好慌乱，不知该怎么办
															没有你在身边，真的好不习惯
															如果现在回头，会不会太晚 ..<a href="#">.</a></p>
								<div class="app-wrap">
								</div>
							</div>
						</div>

					</div>


				</div>

			</section>

			<!-- FEATURE BOX -->
			<section class="feature-box">

				<div class="container">

					<div class="row">

						<div class="col-md-6 col-sm-12 col-xs-12">
							<h2 class="feature-box-title">我一直喜欢下午的阳光。它让我相信这个世界任何事情都会有转机，相信命运的宽厚和美好</h2>
							<img class="max-para" src="Picture/img-border.jpg" />
							<div class="feature-box-item">
								<ul>
									<li>
										<h5><i class="fa fa-code" ></i> 像流水一样。金钱，地位，美丽</h5>
										<p>我一路狂奔，渴望在拥挤匆忙的人群里找到一个和我相似的面孔，她和我有相似的命运。我可以在她的身上看到自己命运的参照，何去何从，不再那么仓皇。</p>
									</li>

									<li>
										<h5><i class="fa fa-gears" ></i>小妖的金色城堡</h5>
										<p>有点寂寞，有点痛，有点张扬，有点不知所措，有点需要安慰。那么，点开它，有点美</p>
									</li>
									<li class="hidden-md-down">
										<h5><i class="fa fa-gift" ></i> 校服的裙摆</h5>
										<p>我们就是这样苍老的，从时光的一端辗转到时光的另一端，请别说再见，不需要再见。.</p>
									</li>
								</ul>

							</div>
						</div>

						<div class="col-md-6 col-sm-12 col-xs-12">
							<div class="card box-card">
								<img class="img-resposive" src="Picture/feature-box.jpg" alt="">
								<div class="card-img-overlay box-content">
										<strong class="pull-right">[ <span> Ted Mosby </span> ]</strong>
									</div>
								</div>
							</div>

						</div>

					</div>

				</div>

			</section>

			<!-- BUY NOW -->
			<section class="buy-now" data-stellar-background-ratio="0.3">

				<div class="container">

					<div class="row">

						<div class="col-md-12 col-sm-12 col-xs-12 col-xl-12 text-center clearfix">

							<h1 class="currency">青春</h1>
							<h2 class="buy-now-title">  </h2>
							<p class="buy-now-detail">阳光温暖清新自然。每当一抹阳光洒在窗台上，我便回用双手捧住这大自然的馈赠，细细品味阳光的美好。阳光如此美丽。</p>
							<div class="clearfix"><a class="btn btn-primary btn-lg shopping-btn btn-rectangle-out" href="#"> <i class="fa fa-shopping-cart"></i> 现在</a></div>

						</div>

					</div>

				</div>

			</section>

			<!-- CALL TO ACTION -->
			<section class="call-to-action">

				<div class="container">

					<div class="row">

						<div class="col-md-12 col-sm-12 col-xs-12 col-xl-12">
							<div class="pull-left"><h1 class="call-to-action-title"><span style="font-weight: 900;">阳光</span> 指尖散落</h1></div>

							<div class="pull-right"><a class="btn btn-primary btn-lg call-to-action-btn btn-rectangle-out" href="#">意境</a></div>
						</div>

					</div>

				</div>

			</section>

			<!-- AWESOME WORK -->
			<section id="work" class="awesome-work">

				<div class="container">
					<div class="text-center">
						<h2>组合</h2>
						<img class="max-para" src="Picture/img-border.jpg" />
						<p class="max-para">游戏</p>
						<div id="filters" class="button-group">
							<button class="button" data-filter="*">显示所有</button>
							<button class="button" data-filter=".web-design">随机</button>
							<button class="button" data-filter=".photoshop">无序</button>
							<button class="button" data-filter=".branding">效果</button>
							<button class="button is-checked" data-filter=".logo-design">抱歉</button>
						</div>
					</div>
				</div>
				<div class="isotope clearfix">
					<div class="element-item logo-design photoshop " data-category="transition">
						<img src="Picture/1.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>(⊙v⊙)嗯</h3>
						</div>
					</div>
					<div class="element-item branding web-design" data-category="">
						<img src="Picture/2.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>(⊙v⊙)嗯</h3>
						</div>
					</div>
					<div class="element-item post-transition logo-design photoshop " data-category="post-transition">
						<img src="Picture/3.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>(⊙v⊙)嗯</h3>
						</div>
					</div>
					<div class="element-item post-transition branding web-design" data-category="post-transition">
						<img src="Picture/4.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>(⊙v⊙)嗯</h3>
						</div>
					</div>
					<div class="element-item branding photoshop " data-category="transition">
						<img src="Picture/5.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>处理</h3>
						</div>
					</div>
					<div class="element-item logo-design branding web-design " data-category="alkali">
						<img src="Picture/6.jpg" alt="WORK" />
						<div class="item-overlay text-center">
							<div class="work-link">
								<a href="#"><i class="fa fa-android"></i></a>
								<a href="#"><i class="fa fa-apple"></i></a>
							</div>
							<h3>标志</h3>
						</div>
					</div>
					<!--div class="element-item branding photoshop " data-category="alkali">
						<img src="Picture/7.jpg" alt="WORK" />
						<div class="item-overlay"><h3><i class="fa fa-eye"></i></h3></div>
					</div>
					<div class="element-item logo-design branding web-design " data-category="transition">
						<img src="Picture/8.jpg" alt="WORK" />
						<div class="item-overlay"><h3><i class="fa fa-codepen"></i></h3></div>
					</div>
					<div class="element-item logo-design branding web-design " data-category="transition">
						<img src="Picture/9.jpg" alt="WORK" />
						<div class="item-overlay"><h3>Brand Logo</h3></div>
					</div-->
				</div> <!-- isotope -->

			</section>

			<!-- Our Genius -->
			<section id="team" class="our-genius">
				<div class="dot-overlay">
					<div class="container">
						<div class="row">
							<div class="col-md-12 text-center">
								<h2>雨声潺潺，像住在溪边。宁愿天天下雨，以为你是因为下雨而不来。</h2>
								<img class="max-para" src="Picture/img-border.jpg" />
								<p class="max-para">雨滴能吸纳声音,使周围环境比平时更安静,加上雨天出行的人比平时更少,所以恐怕除了雨点滴落的声音...我还能听见的就只有自己心里的声音了.</p>
								<div class="row">
									<div class="text-center">

										<div class="col-md-3 col-sm-6 col-xs-12">
											<div class="single-member">
												<img class="img-responsive team" src="Picture/team-1.jpg" width="500px" alt="">
												<div class="about-genius">
													<h3>景色1</h3>
													<strong>雨伞</strong><br>
												</div>
											</div>
										</div>
										<div class="col-md-3 col-sm-6 col-xs-12">
											<div class="single-member">
												<img class="img-responsive team" src="Picture/team-2.jpg" width="500px" alt="">
												<div class="about-genius">
													<h3>景色2</h3>
													<strong>街道</strong>
												</div>
											</div>
										</div>
										<div class="col-md-3 col-sm-6 col-xs-12">
											<div class="single-member">
												<img class="img-responsive team" src="Picture/team-3.jpg" width="500px" alt="">
												<div class="about-genius">
													<h3>景色3</h3>
													<strong>打雷</strong>
												</div>
											</div>
										</div>
										<div class="col-md-3 col-sm-6 col-xs-12">
											<div class="single-member">
												<img class="img-responsive team" src="Picture/team-4.jpg" width="500px" alt="">
												<div class="about-genius">
													<h3>景色4</h3>
													<strong>暴雨</strong>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- BRAND LOGO -->

			<!-- TRENDING NEWS FEED -->
			<section id="team11"  class="trending-news-feed">

				<div class="container">

					<div class="row">

						<div class="col-md-12 col-sm-12 col-xs-12 col-lg-6 col-xl-6">

							<h2 class="trend-news-title">唯美语句</h2>
							<img class="max-para" src="Picture/img-border.jpg" />
							<ul class="media-list">
								<li class="media">
									<div class="media-left">
										<div class="date"> 05 <br> May</div>
									</div>
									<div class="media-body">
										<div class="trend-content">
											<h4 class="media-heading trend-title">衣带渐宽终不悔，为伊消得人憔悴</h4>

											<strong class="info-tags"><span class="tag"><i class="fa fa-user"></i> 诗人</span> <span class="tag"><i class="fa fa-eye"></i>《凤栖梧》</span> <span class="tag"><i class="fa fa-comment"></i> 柳永</span></strong>

											<p class="trend-para">风不懂云的漂泊，天不懂雨的落魄，眼不懂泪的懦弱，所以你不懂我的选择，也可以不

												懂我的难过，不是每个人都一定快乐，不是每种痛都一定要述说。

</p>
										</div>
									</div>
								</li>
								<li class="media">
									<div class="media-left">
										<div class="date"> 09 <br> May</div>
									</div>
									<div class="media-body">
										<div class="trend-content">
											<h4 class="media-heading trend-title">有美人兮，见之不忘，一日不见兮，思之如狂。</h4>

											<strong class="info-tags"><span class="tag"><i class="fa fa-user"></i> 诗人</span> <span class="tag"><i class="fa fa-eye"></i>《凤求凰琴歌》</span> <span class="tag"><i class="fa fa-comment"></i> 佚名</span></strong>

											<p class="trend-para">曾经一直想让别人知道自己的心情，

																	那些沉重，

																	那些无法讲述的悲伤和苍凉，

																	可是我要

																	如何在浅薄的纸上为你画上我所有的命轮？我要如何让你明白？

</p>
										</div>
									</div>
								</li>
								<li class="media">
									<div class="media-left">
										<div class="date"> 15 <br> May</div>
									</div>
									<div class="media-body">
										<div class="trend-content">
											<h4 class="media-heading trend-title">自君之出矣，明镜暗不治。思君如流水，何有穷已时</h4>

											<strong class="info-tags"><span class="tag"><i class="fa fa-user"></i> 诗人</span> <span class="tag"><i class="fa fa-eye"></i>《室思》</span> <span class="tag"><i class="fa fa-comment"></i> 徐干</span></strong>

											<p class="trend-para">谁的指间滑过了千年时光；谁在反反复复中追问可曾遗忘；我等你用尽了所有的哀伤；

												而你眼中却有我所不懂的凄凉。</p>
										</div>
									</div>
								</li>
							</ul>
						</div>

						<div class="col-md-6 col-sm-12 col-xs-12 col-lg-6 col-xl-3">

							<div class="card">
								<div class="card-img-wrap">
									<img class="card-img-top img-responsive" src="Picture/card-1.jpg" alt="">
									<span class="card-img-overlay-2"></span>
								</div>
								<div class="card-block">
									<h4 class="card-title trend-card-title"> 蝶恋花 </h4>
									<p>伫倚危楼风细细。<br>望极春愁，<br>黯黯生天际 。<br>草色烟光残照里，<br>无言谁会凭阑意。<br>
									拟把疏狂图一醉。<br>对酒当歌，强乐还无味。<br>衣带渐宽终不悔，<br>为伊消得人憔悴。</p>
									</div>

							</div>

						</div>

						<div class="col-md-6 col-sm-12 col-xs-12 col-xl-3">

							<div class="card">
								<div class="card-img-wrap">
									<img class="card-img-top img-responsive" src="Picture/card-2.jpg" alt="">
									<span class="card-img-overlay-2"></span>
								</div>
								<div class="card-block">
									<h4 class="card-title trend-card-title">《凤求凰琴歌》 </h4>
									<p>凤兮凤兮归故乡，遨游四海求其凰。
										时未遇兮无所将，何悟今兮升斯堂！
										有艳淑女在闺房，室迩[ěr]人遐[xiá]毒我肠。
										何缘交颈为鸳鸯，胡颉[xié]颃[háng]兮共翱翔！
										凰兮凰兮从我栖[qī]，得托孳[zī]尾永为妃。
										交情通意心和谐，中夜相从知者谁？
										双翼俱起翻高飞，无感我思使余悲。</p>
								</div>

							</div>

						</div>

					</div>

				</div>

			</section>

			<!-- GLANCE -->
			<section class="glance text-center">

				<div class="container">

					<div class="row">

						<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">

							<div class="glance-item">
								<span><i class="fa fa-user glance-icon"></i></span>
								<div class="g-wrap">
									<span class="glance-no"></span>
									<span class="glance-event">练习</span>
								</div>
							</div>

						</div>
						<div class="colcol-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3md-6">

							<div class="glance-item">
								<span><i class="fa fa-file-code-o glance-icon"></i></span>
								<div class="g-wrap">
									<span class="glance-no"></span>
									<span class="glance-event">懒觉</span>
								</div>
							</div>

						</div>
						<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">

							<div class="glance-item">
								<span><i class="fa fa-shopping-cart glance-icon"></i></span>
								<div class="g-wrap">
									<span class="glance-no"></span>
									<span class="glance-event">随手</span>
								</div>
							</div>

						</div>
						<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">

							<div class="glance-item">
								<span><i class="fa fa-thumbs-o-up glance-icon"></i></span>
								<div class="g-wrap">
									<span class="glance-no"></span>
									<span class="glance-event">爱好</span>
								</div>
							</div>

						</div>

					</div>

				</div>

			</section>

			<!-- FOOTERS -->
			<footer class="footers">

				<!-- TOP FOOTER -->
				<div class="top-footer">

					<div class="container">

						<div class="row">

							<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">
								<div class="logo-text"><h4><a href="#"> <i class="fa fa-cubes bottom-site-logo"></i> 烟花易冷</a></h4></div>
								<img class="max-para" src="Picture/img-border.jpg" />
								<p>失宠</p>

								<div class="site-info">
									<ul>
										<li>
											<h5><i class="fa fa-map-marker" ></i> 情人</h5>
											<p>光辉岁月<br> 不再犹豫</p>
										</li>
										<li>
											<h5><i class="fa fa-fax"></i>黄家驹</h5>
											<p>真的爱你</p>
										</li>
										<li>
											<h5><i class="fa fa-envelope-o"></i>大地</h5>
											<p>冷雨夜</p>
										</li>
									</ul>

								</div>

							</div>

							<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">

								<div class="latest-tweet"><h4>云菲菲</h4></div>
								<div class="twitter-feed">
									<ul>
										<li>
											<i class="fa fa-twitter" ></i><a href="#">人在旅途</a>
											<p class="clearfix">小小新娘花</p>
											<span class="tweet-time">好听</span>
										</li>
										<li>
											<i class="fa fa-twitter" ></i><a href="#">殇雪</a>
											<p class="clearfix">梦醉荷塘</p>
											<span class="tweet-time"> 月夜相思情 </span>
										</li>
										<li>
											<i class="fa fa-twitter" ></i><a href="#">假如</a>
											<p class="clearfix">北京烟火</p>
											<span class="tweet-time"> 为你伤自己的心</span>
										</li>
									</ul>

								</div>

							</div>

							<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">

								<div class="popular-content"><h4>陈瑞</h4></div>
								<div class="best-post">
									<ul class="media-list">
										<li class="media">
											<div class="media-left padding-right">
												<a href="#">
												<img class="media-object img-rounded img-resposive" src="Picture/content-1.jpg" alt="">
												</a>
											</div>
											<div class="media-body">
												<p class="media-para">
												女人心 </p>
												<strong class="post-like clearfix"><i class="fa fa-thumbs-up"></i> 热卖</strong>
											</div>
										</li>
										<li class="media">
											<div class="media-left padding-right">
												<a href="#">
												<img class="media-object img-rounded img-resposive" src="Picture/content-2.jpg" alt="">
												</a>
											</div>
											<div class="media-body">
												<p class="media-para">
												下辈子不做女人 </p>
												<strong class="post-like clearfix"><i class="fa fa-thumbs-up"></i> 喜爱的 </strong>
											</div>
										</li>
										<li class="media">
											<div class="media-left padding-right">
												<a href="#">
												<img class="media-object img-rounded img-resposive" src="Picture/content-3.jpg" alt="">
												</a>
											</div>
											<div class="media-body">
												<p class="media-para">
											等你一起来看海</p>
												<strong class="post-like clearfix"><i class="fa fa-thumbs-up"></i> 新歌</strong>
											</div>
										</li>
										<li class="media">
											<div class="media-left padding-right">
												<a href="#">
												<img class="media-object img-rounded img-resposive" src="Picture/content-4.jpg" alt="">
												</a>
											</div>
											<div class="media-body">
												<p class="media-para">
												误入城市的蝴蝶 </p>
												<strong class="post-like clearfix"><i class="fa fa-thumbs-up"></i> 新歌 </strong>
											</div>
										</li>

									</ul>

								</div>

							</div>

							<div class="col-md-6 col-sm-6 col-xs-12 col-lg-3 col-xl-3">
								<div class="latest-tweet"><h4>陈小春</h4></div>
								<div class="user-face">
									<button type="button" class="btn btn-default btn-sm">相依为命</button>
									<button type="button" class="btn btn-default btn-sm">独家记忆</button>
									<button type="button" class="btn btn-default btn-sm">友情岁月</button>
									<button type="button" class="btn btn-default btn-sm">离不开你</button>
									<button type="button" class="btn btn-default btn-sm">没那种命</button>
									<button type="button" class="btn btn-default btn-sm">神呐救救我</button>
								</div>

								<div class="subscribe-now"><h4>赵咏华</h4></div>
								<!--p>Bootstrap easily and efficiently scales your websites and applications with a single.</p-->
								<form class="subscribe-form">
									<fieldset class="form-group">
										<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter Email...">
									</fieldset>
									<button class="btn btn-default btn-block subscribe-btn" type="button"><i class="fa fa-envelope-o"></i></button>
								</form>

								<ul class="social-links">
									<li><a href=#><i class="fa fa-facebook"></i></a><span class="social-icon" id="home"></span></li>
									<li><a href=#><i class="fa fa-twitter"></i></a><span class="social-icon" id="cataloge"></span></li>
									<li><a href=#><i class="fa fa-google-plus"></i></a><span class="social-icon" id="price"></span></li>
									<li><a href=#><i class="fa fa-linkedin"></i></a><span class="social-icon" id="price"></span></li>
									<li><a href=#><i class="fa fa-github-alt"></i></a><span class="social-icon" id="price"></span></li>
								</ul>
							</div>

						</div>

					</div>

				</div>

				<!-- BOTTOM FOOTER -->
				<div class="bottom-footer">

					<div class="container">

						<div class="row">

							<div class="col-md-7">
								<div class="pull-left"><p>最浪漫的事 <a href="#">Your Company</a></p></div>
							</div>
							<div class="col-md-4 col-md-offset-1">
								<div class="pull-right hidden-sm-down"><p> <a href="#">求婚</a> | <a href="#">灰色雨滴</a> 听我唱这首歌 <a href="http://www.cssmoban.com/" target="_blank" title="songjiandong">在沙漠的第七天</a> - Collect from <a href="http://www.cssmoban.com/" title="jimoderen" target="_blank">我们的故事</a></p></div>
							</div>

						</div>

					</div>

				</div>

			</footer>

		</div> <!-- WRAPPER -->

		<!-- ALL JAVASCRIPT -->
		<script src="Scripts/jquery-2.0.2.js"></script>
		<script src="Scripts/bootstrap.min.js"></script>
		<script src="Scripts/isotope.min.js"></script>
		<script src="Scripts/isotope.function.js"></script>
		<script src="Scripts/jquery.stellar.js"></script>
		<script src="Scripts/custom-script.js"></script>
	</body>
</html>